// stylus 样式

// placeholder for test, dont't remove it.

//.content {
//  font-size 30px;
//}

pre.vue-container
  border-left-width: .5rem;
  border-left-style: solid;
  border-color: #42b983;
  border-radius: 0px;
  & > code
    font-size: 14px !important;
    & > p
      margin: -5px 0 -20px 0;
    code
      background-color: #42b983 !important;
      padding: 3px 5px;
      border-radius: 3px;
      color #000
    em
      color #808080
      font-weight light

table
  font-size: 12px;

table tr
  td
    font-size: 12px;
    font-weight: 400;
  .table_tip
    background-color: #40E0D0;

.table_head td
  font-size: 14px;
  background-color: #7FFF00;
  font-weight: blod;



strong
  font-size: 14px;
  color: red;


// div[class*=language-]
//  background-color: #f6f6f6;
//  color: block;

// div[class*=language-].line-numbers-mode .line-numbers-wrapper, div[class*=language-].line-numbers-mode:after
//  background-color: #f6f6f6;
//  color: block;

// div[class*=language-] pre, div[class*=language-] pre[class*=language-]
//  background-color: #f6f6f6;
//  color: block;

.theme-default-content .curso
  cursor: pointer;

.theme-default-content .nosel
  -webkit-touch-callout: none; /* iOS Safari */
  -webkit-user-select: none; /* Chrome/Safari/Opera */
  -khtml-user-select: none; /* Konqueror */
  -moz-user-select: none; /* Firefox */
  -ms-user-select: none; /* Internet Explorer/Edge */
  user-select: none; /* Non-prefixed version, currently not supported by any browser */

.theme-default-content .curnosel
  cursor: pointer;
  -webkit-touch-callout: none; /* iOS Safari */
  -webkit-user-select: none; /* Chrome/Safari/Opera */
  -khtml-user-select: none; /* Konqueror */
  -moz-user-select: none; /* Firefox */
  -ms-user-select: none; /* Internet Explorer/Edge */
  user-select: none; /* Non-prefixed version, currently not supported by any browser */


.theme-default-content pre, pre[class*="language-"]
  background-color: #eee;

.theme-default-content div.render-div
  overflow-x: hidden;

.theme-default-content div.vf
  border: 1px solid #333;
  border-radius: 10px;
  margin-top: 10px;

.theme-default-content div.vf  div.v-f-title
  padding: 0 10px 10px 10px;

.theme-default-content div.vf  div.v-f-title div.v-t-t
  display: flex;
  flex-direction: row;
  align-items: center;
  flex-wrap: wrap;

.theme-default-content div.vf  div.v-f-title div.v-t-t div.title
  margin-right: 20px;
  padding: 5px 10px;
  border-radius: 5px;
  border: 1px solid #eee;
  background: #999;
  color: #fff;
  margin-top: 10px;

.theme-default-content div.vf  div.v-f-title div.v-t-t div.title.select
  background: green;

.theme-default-content div.vf  div.v-f-title div.path
  padding-top: 20px;
  position relative;
  &::before
    content: "";
    position: absolute;
    top: 10px;
    left: 0;
    right: 0;
    height: 1px;
    background: #eee;

.theme-default-content div.vf  div.v-f-title div.path span.btn
  margin-left: 30px;

.theme-default-content div.vf  div.v-f-title div.path span.btn
  padding: 5px 10px;
  border-radius: 5px;
  border: 1px solid #eee;
  background: green;
  color: #fff;

.theme-default-content div.vf div.v-f-codes
  overflow-x: hidden;
  overflow-y: scroll;
  border-radius: 6px;

.theme-default-content div.vf div.v-f-codes.compress
  max-height: 115px;

.theme-default-content div.vf div.v-f-codes.extend
  max-height: 400px;
